<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Document</title>
  <style></style>
</head>
<body>
<!-- 表格的最外层table -->
<!-- table表格中分为以下标签
  caption  表格标题（可省，用的少）
  thead  表头  （可省）
    tr  行
      th 表头项 （粗体）
  tbody  表主体   （可省但会出现）
    tr 行
      td  列
  tfoot  表尾部    （可省，用的少）
    tr 行
       td  列
-->
<!-- 最简单 -->
<table border="1" 
style="border-collapse: collapse ;">
  <tr>
  <td>1</td>
  <td>天福号酱肘子</td>
  <td>357元</td>
  </tr>
  <tr>
    <td>2</td>
    <td>全聚德</td>
    <td>256元</td>
  </tr>
</table>
<!-- 加入表头 -->
<!-- 只要加表头就必须加表主体   
tbody-->
<table border="1" 
style="border-collapse: collapse ;">
 <thead>
   <tr>
     <th>序号</th>
     <th>产品名称</th>
     <th>产品价格</th>
   </tr>
 </thead>
 <tbody>
  <tr>
    <td>1</td>
    <td>天福号酱肘子</td>
    <td>357元</td>
    </tr>
    <tr>
      <td>2</td>
      <td>全聚德</td>
      <td>256元</td>
    </tr>
 </tbody>
</table>
</body>
<!-- 全部内容 -->
<table border="1" 
style="border-collapse: collapse ;">
<caption>十一探亲礼物</caption>
 <thead>
   <!-- tfoot反人类写在thead后面 -->
   <tfoot>
     <tr>
       <td>总计</td>
       <td></td>
       <td>613元</td>
     </tr>
   </tfoot>
   <tr>
     <th>序号</th>
     <th>产品名称</th>
     <th>产品价格</th>
   </tr>
 </thead>
 <tbody>
  <tr>
    <td>1</td>
    <td>天福号酱肘子</td>
    <td>357元</td>
    </tr>
    <tr>
      <td>2</td>
      <td>全聚德</td>
      <td>256元</td>
    </tr>
 </tbody>
</table>
</body>
</html>